/* color palette from <https://github.com/vuejs/theme> */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;

  --vt-c-black: #181818;
  --vt-c-black-soft: #222222;
  --vt-c-black-mute: #282828;

  --vt-c-indigo: #2c3e50;

  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

  --vt-c-text-light-1: var(--vt-c-indigo);
  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}

/* semantic color variables for this project */
:root {
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);

  --color-border: var(--vt-c-divider-light-2);
  --color-border-hover: var(--vt-c-divider-light-1);

  --color-heading: var(--vt-c-text-light-1);
  --color-text: var(--vt-c-text-light-1);

  --section-gap: 160px;

  --search-input-md-width: 300px;
  --search-input-width: 200px;

  --md-width: 768px;

  --active-element-color: #ED722E;
  --active-background-color: #ECF5FF;
/*  footer高度*/
  --footer-height: 70px;
/*  header 高度*/
  --header-height: 60px;
/*  用户页的主体内容控制*/
  --max-width-1024: 1024px;
  --max-width-1200: 1200px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  background-color: #F7F8FA;
  /*min-height: 100vh;*/
  /*color: var(--color-text);*/
  /*background: var(--color-background);*/
  /*transition:*/
  /*  color 0.5s,*/
  /*  background-color 0.5s;*/
  /*line-height: 1.6;*/
  /*font-family:*/
  /*  Inter,*/
  /*  -apple-system,*/
  /*  BlinkMacSystemFont,*/
  /*  'Segoe UI',*/
  /*  Roboto,*/
  /*  Oxygen,*/
  /*  Ubuntu,*/
  /*  Cantarell,*/
  /*  'Fira Sans',*/
  /*  'Droid Sans',*/
  /*  'Helvetica Neue',*/
  /*  sans-serif;*/
  /*font-size: 15px;*/
  /*text-rendering: optimizeLegibility;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
}
